.ui-widget {
    font-size: 12px !important;
}
.ui-layout-north {
    z-index: 20 !important;
    overflow: visible !important;;
}
.ui-layout-north .ui-layout-unit-content {
    overflow: visible !important;
}
.ui-widget-header {
    text-align: center;
    text-transform: uppercase;
}
.ui-datatable-footer .ui-button {
    float: left;
    margin-top: 25px !important;
}

.ui-button {
    margin-top: 10px !important;
}

/* Semáforo CSS */

.semaforo {
position: relative;
width: 60px;
margin: 40px auto;
padding: 0;
list-style-type: none;
}
.semaforo li {
position: relative;
display: block;
float: left;
width: 20px;
height: 20px;
border-radius: 50%;
background: lightgrey;
}
.Verde li:nth-of-type(1) {
border-color: limegreen;
background-color: limegreen;
background: radial-gradient(center, ellipse cover, #00ff00 1%, #32cd32 100%);
text-decoration-color: yellow;
}
.Amarillo li:nth-of-type(2) {
border-color: yellow;
background-color: yellow;
background: radial-gradient(center, ellipse cover, #ffd700 1%, #ff8c00 100%);
text-decoration-color: yellow;

}
.Rojo li:nth-of-type(3) {
border-color: red;
background-color: red;
background: radial-gradient(center, ellipse cover, #ff0000 1%,#cc0000 100%);
text-decoration-color: red;
}


